body{
    font-family: Arial;
}
.popover {
  white-space: pre-wrap;    
}
.contenedor{
    width:90%;
    margin:0 auto;
    overflow:hidden;
    max-width: 1700px;
}
header h1{
    color:blue;
    padding: 20px;
    text-align: center;
}
header{
    margin: 20px 0;
}
.tblResultados{
    margin:0 auto;
    overflow:hidden;
    max-width: 10000px;
}
.asd{
    margin:0 auto;
    overflow:hidden;
    max-width: 10000px;
}
th{
    font-size: x-small; 
    margin:0 auto;
    overflow:hidden;
    
}
td{
    font-size: small; 
}

#tblSearch{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed; 
    word-wrap:break-word;
  }
.recolor {
    background: rgb(0,36,12);
    background: linear-gradient(90deg, rgba(0,36,12,0.6699054621848739) 0%, rgba(37,92,58,0.9360119047619048) 30%, rgba(0,255,128,0.40940126050420167) 100%);
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  .tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 150px;
    color: white;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px 15px 15px;
  }
  .hover-text:hover .tooltip-text {
    visibility: visible;
  }
  #tooltipCert #tooltipMod{
    top: 25px;
    left: -50%;
  }
  .hover-text {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-family: Arial;
    text-align: center;
  }
 /* clase de loading */

 .contLoader {
  background: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

.loader {
  border: 5px solid #666;
  border-radius: 50%;
  border-top: 5px solid #f5f5f5;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  z-index: 1001;
  position: absolute;
  top: 40%;
  left: 50%;
}

.bg-gray {
  background-color: lightgray !important;
}

.small {
  font-size: small !important;
}

/* Safari */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
ul {
  list-style: none;
  margin-left: -25px;
}